body{
  display:flex;
  flex-direction:column;
  align-items:center;
  background-color:hsl(0,0%,95%);
}
.stopwatch{
  display:flex;
  flex-direction:column;
  align-items:center;
  border:5px solid;
  border-radius:50px;
  background-color:white;
  padding:30px;
}
.display{
  font-size:5rem;
  font-family:monospace;
  font-weight:bold;
  color:hsl(0,0%,30%);
  text-shadow:2px 2px 2px hsla(0,0%,0%,0.75);
  margin-bottom:25px;
}

.controls button{
  font-size:1.5rem;
  font-weight:bold;
  padding:10px 20px;
  margin:5px;
  min-width:125px;
  border:none;
  border-radius:10px;
  box-shadow: 5px 5px 5px hsla(0,0%,0%,0.25);
  cursor:pointer;
  color:■white;
  transition: background-color 0.5s ease;
}

.start-button{
  background-color: hsla(120, 100%, 25%, 0.925);
}
.start-button:hover{
  background-color: hsla(120, 100%, 25%, 0.525);
}

.stop-button{
  background-color: rgba(255, 0, 0, 0.925);
}
.stop-button:hover{
  background-color: rgba(255, 0, 0, 0.525);
}

.reset-button{
  background-color: rgba(255, 255, 0, 0.911);
}
.reset-button:hover{
  background-color: rgba(255, 255, 0, 0.511);
}